<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="http://www.baidu.com"></a>
    <a href="https://www.baidu.com">33333</a>
    <a href="bb://www.baidu.cn">444444</a>
    <a href="aa://www.baidu.cn" target="_blank">22222</a>
    <a href="https://www.baidu.cn" target="_self">1111</a>
    <script src="./jquery3.3.1.js"></script>
    <script>
        $("a[target='_blank']").css("color","red");
        $("a[href^='https']").css("color","red");
        $("a[href$='cn']").css("color","pink");

    </script>
</body>
</html>